<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">消息通知</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view" id="sysmessages-list">
				<li class="mui-table-view-cell">宝骏510周年特别版上市 售7.68万元</li>
				<li class="mui-table-view-cell">君马汽车S70将于今晚上市</li>
				<li class="mui-table-view-cell">新款国产奔驰C级谍照曝光 外观小改</li>
				<li class="mui-table-view-cell">宝骏510周年特别版上市 售7.68万元</li>
				<li class="mui-table-view-cell">君马汽车S70将于今晚上市</li>
				<li class="mui-table-view-cell">新款国产奔驰C级谍照曝光 外观小改</li>
			</ul>
		</div>

		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				//预加载页面
				var sysMessagesPage = mui.preload({
					url: '/html/sysinfo/sysmess-show.html',
					id: 'sysmess-show.html'
				});
				mui('#sysmessages-list').on('tap', 'li', function() {
					mui.fire(sysMessagesPage, 'newsTitle', {
						'title': this.innerHTML
					});
					mui.openWindow({
						url: '/html/sysinfo/sysmess-show.html',
						id: 'sysmess-show.html'
					})
				});
			})

			mui.init({
				preloadPages: [{
					id: '/html/sysinfo/sysmess-show.html',
					url: 'sysmess-show.html'
				}]
			});

			var detailPage = null;
			//添加列表项的点击事件
			mui('.mui-content').on('tap', 'a', function(e) {
				var id = this.getAttribute('sysmessages-list');
				//获得详情页面
				if(!detailPage) {
					detailPage = plus.webview.getWebviewById('sysmess-show.html');
				}
				//触发详情页面的newsId事件
				mui.fire(detailPage, 'newsTitle', {
					id: id
				});
				//打开详情页面          
				mui.openWindow({
					id: '/html/sysinfo/sysmess-show.html'
				});
			});
		</script>
	</body>

</html>